let columns = []
let myDatas=[]
let date = [
    {
        field: 'name',
        title: '姓名'
    },
    {
        field: 'position',
        title: '职位信息'
    },
    // {
    //     field: 'describe',
    //     title: '职位描述'
    // },
    {
        field: 'level',
        title: '显示顺序'
    },
    {
        field: 'image',
        title: '照片',
        width: '300px',
        formatter: function (value, row, index) {
            const img=row.image?row.image:'/img/background_login.jpg'
            let list = ` 
                    <div style="border: 5px solid #cccccc;max-width: 30%;border: 1px solid #cccccc">
<!--                        <img src="/img/background_login.jpg" style="border: 5px solid #cccccc;max-width: 100%;height: auto;"/>-->
                        <img src="${img}" style="border: 5px solid #cccccc;max-width: 100%;height: auto;"/>
                    </div> 
            `
            return list;
        }
    },
    {
        field: 'createDate',
        title: '创建时间'
    },
    {
        field: 'updateDate',
        title: '更新时间'
    },
    {
        title: '操作',
        field: 'userName',
        formatter: function (value, row, index) {



            let mydiv=''
            if(myAuthority.edit){
                mydiv+=`<a class="btn-color" href="#" mce_href="#" title="编辑" onclick="edit(${index})">编辑</a>`
            }
            if(myAuthority.del){
                mydiv+=` <a class="btn-color" href="#" title="删除"  mce_href="#" onclick="deletes(${index})">删除</a>`
            }

            return mydiv;
        }
    }
]
let pageNum = 1, pageSize = 10;
let myAuthority={
    add:false,
    edit:false,
    select:false,
    del:false
}
$(function () {
    myAuthority.add = $('#authorityButtonAdd').val()?JSON.parse($('#authorityButtonAdd').val()):false
    myAuthority.edit = $('#authorityButtonEdit').val()?JSON.parse($('#authorityButtonEdit').val()):false
    myAuthority.select = $('#authorityButtonInquire').val()?JSON.parse($('#authorityButtonInquire').val()):false
    myAuthority.del = $('#authorityButtonDelete').val()?JSON.parse($('#authorityButtonDelete').val()):false

    columns = date
    load();
});


function load() {
    //查询权限
    if (myAuthority.select) {
        $('#exampleTable')
            .bootstrapTable(
                {
                    method: 'get', // 服务器数据的请求方式 get or post
                    // url:`/famousTeacher/list/${pageNum}/${pageSize}`, // 服务器数据的加载地址
                    iconSize: 'outline',
                    toolbar: '#exampleToolbar',
                    striped: true, // 设置为true会有隔行变色效果
                    dataType: "json", // 服务器返回的数据类型
                    pagination: true, // 设置为true会在底部显示分页条
                    singleSelect: false, // 设置为true将禁止多选
                    // contentType : "application/x-www-form-urlencoded",
                    // //发送到服务器的数据编码类型
                    pageSize: 10, // 如果设置了分页，每页数据条数
                    pageNumber: 1, // 如果设置了分布，首页页码
                    pageList: [10, 20, 50, 100],//可选择单页记录数
                    //search : true, // 是否显示搜索框
                    showColumns: false, // 是否显示内容下拉框（选择显示的列）
                    sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
                    queryParamsType: "",
                    showPaginationSwitch: false,
                    // // //设置为limit则会发送符合RESTFull格式的参数
                    queryParams: function (params) {
                        pageNum = Number(params.pageNumber)
                        pageSize = Number(params.pageSize)

                    },
                    ajax: function (params) {
                        $.ajax({
                            url: `/famousTeacher/list/${pageNum}/${pageSize}`,
                            data: {
                                name: $('#myname').val()
                            },
                            type: "get",
                            success: function (res) {
                                params.success(res);
                            },
                            error: function (rs) {
                                console.log(rs)
                            }
                        })
                    },

                    responseHandler: function (res) {
                        if (res.code !== '0') {
                            layer.msg(res.msg);
                            return {
                                "total": 0,//总数
                                "rows": [] //数据
                            };
                        }
                        myDatas = res.data.records
                        return {
                            "total": res.data.total,//总数
                            "rows": res.data.records  //数据
                        };

                    },
                    columns: columns
                });
    }else{
        layer.msg("请找管理员授权");
    }
}
function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}


// 新增资源
function addResource() {
    layer.open({
        type: 2,
        title: '新增名师管理',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['1200px', '750px'],
        content: '/famousTeacher/add'// iframe的url
    });
}

// 删除
function deletes(index) {
    layer.confirm('确定要删除当前资源？', {
        btn: ['确定', '取消']
    }, function () {
        const myurl=`/famousTeacher/remove/${myDatas[index].id}`
        console.log('===删除>>>',myurl)
            $.ajax({
                url: myurl,
                type: "delete",
                success: function (res) {
                    console.log('删除',res)
                    if(res.data=='删除成功'){
                        layer.close(layer.index)
                        reLoad();
                        load();
                    }

                },
                error: function (rs) {
                    console.log(rs)
                    layer.close(layer.index)
                }
            })

    })
}

// 编辑资源
function edit(index) {
    const url=`/famousTeacher/update/${myDatas[index].id}`
    console.log('===url>>>',url)
    layer.open({
        type: 2,
        title: '编辑',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['1200px', '750px'],
        content: url// iframe的url
    });
}




